<!DOCTYPE html>
<html lang="en">
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="../resource/css/style.css">
<body>
	<div id="top">
		<div class="head">
			<div class="logo">
				<img src="../resource/img/logo.png" alt="">
			</div>
			<ul>
				<li><a href="#">导航链接一</a></li>
				<li><a href="#">导航链接二</a></li>
				<li><a href="#">导航链接三</a></li>
				<li class="active"><a href="#">导航链接四</a></li>
			</ul>
		</div>
	</div>	
	<div id="main">
		<div class="content content1">
			<h2>文章一级标题</h2>
			<h4>文章二级标题</h4>
			<h5>文章作者&nbsp;文章发表时间</h5>
			<p class="p1">这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，换行了</p>
			<p>这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，换行了</p>
			<p class="p1">这是一个很长的段落，这是一个很长的段落，<a href="#">这里有一个链接链接到http://ife.baidu.com</a>这是一个很长的段落，这是一个很长的段落，<strong>这里有个很长的粗体字</strong>这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，</p>
			<img src="../resource/img/1.1.png" alt="">
			<p>这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，换行了</p>
			<p>这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，<strong>这里有个很长的粗体字</strong>这是一个很长的段落，<a href="#">这里有一个链接点击打开到http://ife.baidu.com</a>这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，换行了</p>
		</div>
		<div class="content content2">
			<h2>另一篇文章一级标题</h2>
			<h4>文章二级标题</h4>
			<h5>文章作者&nbsp;文章发表时间</h5>
			<p class="p1">这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，换行了</p>
			<p>这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，换行了</p>
			<p>这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落.</p>
			<img src="../resource/img/1.1.png" alt="">
			<ul>
				<li>列表项目一</li>
				<li>列表项目二</li>
				<li>列表项目二</li>
			</ul>
		</div>
		<div class="content content3">
			<h2>图片</h2>
			<ul>
				<li>
					<p>好看的图片</p>
					<img src="../resource/img/1.1.png" alt="">
				</li>
				<li>
					<p>好看的图片</p>
					<img src="../resource/img/1.1.png" alt="">
				</li>
				<li>
					<p>好看的图片</p>
					<img src="../resource/img/1.1.png" alt="">
				</li>
				<li>
					<p>好看的图片</p>
					<img src="../resource/img/1.1.png" alt="">
				</li>
				<li>
					<p>好看的图片</p>
					<img src="../resource/img/1.1.png" alt="">
				</li>
				<li>
					<p>好看的图片</p>
					<img src="../resource/img/1.1.png" alt="">
				</li>
				<li>
					<p>好看的图片</p>
					<img src="../resource/img/1.1.png" alt="">
				</li>
				<li>
					<p>好看的图片</p>
					<img src="../resource/img/1.1.png" alt="">
				</li>
				<li>
					<p>好看的图片</p>
					<img src="../resource/img/1.1.png" alt="">
				</li>
				<li>
					<p>好看的图片</p>
					<img src="../resource/img/1.1.png" alt="">
				</li>
			</ul>
		</div>
		<div class="content content4">
			<h2>最后一篇文章一级标题</h2>
			<h4>文章二级标题</h4>
			<h5>文章作者&nbsp;文章发表时间</h5>
			<ol>
				<li>排名1</li>
				<li>排名2</li>
				<li>排名3</li>
			</ol>
			<p>下面是一个表格，我这里给表格加了一个border="1"好让你看出是一个表格，你们不用写html时不用加 </p>
			<table cellpadding="0" cellspacing="0">
  				<tr>
    				<th>表头</th>
    				<th>表头</th>
    				<th>表头</th>
  				</tr>
  				<tr>
    				<td>表内容单元格</td>
    				<td>表内容单元格</td>
    				<td><a href="#">操作</a></td>
  				</tr>
  				<tr>
    				<td>表内容单元格</td>
    				<td>表内容单元格</td>
    				<td><a href="#">操作</a></td>
  				</tr>
  				<tr>
    				<td>表内容单元格</td>
    				<td>表内容单元格</td>
    				<td><a href="#">操作</a></td>
  				</tr>
  				<tr>
    				<td>表内容单元格</td>
    				<td>表内容单元格</td>
    				<td><a href="#">操作</a></td>
  				</tr>
  				<tr class="table_bottom">
    				<td>总计</td>
    				<td colspan="2">1000</td>
  				</tr>
  			</table>
		</div>
		<div class="content content5">
			<h4>这里以后是一个侧边栏，这是侧栏的标题</h4>
			<form action="">
				请输入邮箱地址：<input type="text" value="这是一个文本输入框">
				<p>邮箱地址请按要求格式输入</p>
				<p class="password">请输入密码：<input type="password" class="password"value=""></p>
				请重复输入密码：<input type="password" value="">
				<p>密码请为6-16位英文数字</p>
				<p class="sex">性别：<input type="radio" checked="checked" name="Sex" value="男" />男
					  <input type="radio" checked="checked" name="Sex" value="女" />女</p>
				<p class="city">城市:
				<select>
					<option value="北京">北京</option>
					<option value="武汉">武汉</option>
				</select></p>
				<p class="like">爱好:
					<input type="checkbox">运动
					<input type="checkbox">艺术
					<input type="checkbox">科学
				</p>
				<p class="dec">
				个人描述: <textarea>这是一个多行文本输入框，输入您的个人描述
				</textarea></p>
			</form>
			<button>确认提交</button>
	</div></div>
 	<div id="footer">版权所有</div>
</body>
</html>